<!--
非兼容性改变: 

- 过渡类名 v-enter 修改为 v-enter-from, 过渡类名 v-leave 修改为 v-leave-from
- keyCode 作为 v-on 修饰符的支持
- v-model 指令在组件上的使用已经被重新设计, 替换掉了 v-bind.sync
- v-if 和 v-for 在同一个元素身上使用时的优先级发生了变化.
- 移除了 $on, $off 和 $once 实例方法.
- 移除了过滤器 filter
- 移除了 $children 实例 propert. 
-->
<template>
  <div class="app">
		<h2>我是 App 组件 {{ x }}</h2>
		<Hello />
		<Child />
	</div>
</template>

<script setup lang="ts" name="App">
import Child from "./Child.vue";
</script>

<style>
.app {
	background-color: #ddd;
	border-radius: 10px;
	padding: 10px;
	box-shadow: 0 0 10px;
}
</style>